<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>vant3</title>
    <link rel="stylesheet" href="./style/index.css"/>
    <link rel="stylesheet" href="./style/base.css"/>
    <script src="./js/vue@3.js"></script>
    <script src="./js/vant.min.js"></script>
    <script src="./js/utils.js"></script>
    <script src="./js/common.js"></script>
    <script src="./js/axios.min.js"></script>
    <script src="./js/request.js"></script>
</head>
<body>
<div id="app">
    <page-header :title="title"></page-header>
    <div class="main">
       登录
    </div>
    <div class="main-footer">
        <page-footer></page-footer>
    </div>
</div>
<script>
    // optionAPI
    const LoginVueApp = {
        name: 'LoginView',
        data() {
            return {
                title: 'Vant-登录',
            }
        },
        mounted() {
            // console.log(this.list)
        },
        methods: {
            onSearch(){
                console.log('search')
            }
        }
    }

    const app = Vue.createApp(LoginVueApp)
    app.use(vant);
    // app.use(vant.Lazyload); // 如果需要懒加载需要单独引入
    app.component('PageHeader', PageHeader)
    app.component('PageFooter', PageFooter)
    app.mount('#app')


</script>
</body>
</html>
